﻿@page
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.LeptonXLite.Bundling
@model YaAppoint.Web.Pages.Appointments.SelfServiceTerminal.IndexModel
@{
    Layout = "_SelfServiceLayOut";
}
<link rel="stylesheet" href="~/element-ui/lib/theme-chalk/index.css" />
<link rel="stylesheet" href="/Pages/Appointments/SelfServiceTerminal/Index.css" />
<script src="/element-ui/lib/index.js"></script>
<script src="/Pages/Appointments/SelfServiceTerminal/Index.cshtml.js"></script>
<script src="~/js/common.js"></script>
<div id="app">
    <input type="text" ref="input" v-model="inputNumebr" class="transparent-input" />
    <div class="body-header">
        <div class="greet">
            您好！ 欢迎使用医技预约系统...
        </div>
    </div>
    <div class="body-content">
        <div class="button-panel">
            <div class="title">
                请扫描预约单条形码或二维码...
            </div>
            <div class="button-container">
                @* <div class="button appoint">
                </div> *@
                @* <div class="button edit">
                </div> *@
                <div class="button check-in">
                    <div class="icon-container">
                        <i class="fa fa-book"> </i>
                    </div>
                    <div class="title-container">
                        <span>
                            预约签到
                        </span>
                    </div>
                </div>
                <div class="button cancel" v-if="false">
                    <div class="icon-container">
                        <i class="fa fa-circle-xmark"></i>
                    </div>
                    <div class="title-container">
                        <span>
                            预约取消
                        </span>
                    </div>
                </div>
                <div class="button print" >
                    <div class="icon-container">
                        <i class="fa fa-print"> </i>
                    </div>
                    <div class="title-container">
                        <span>
                            凭证重打
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


